<template>
  <el-card>
    <el-tabs v-model="activeName">
      <el-tab-pane v-for="(v,k) in map" :key="'test_tab_'+k" :name="k" :label="v.name">
        <div :is="k" />
      </el-tab-pane>
    </el-tabs>
  </el-card>
</template>
<script>
  import components from './components'
  export default {
    name: 'TeserTabs',
    components: {
      ...components
    },
    data() {
      return {
        activeName: 'token',
        map: components
      }
    },
    created() {
      this.activeName = Object.keys(components)[0]
    },
    methods: {

    }
  }

</script>
